<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>药链云</title>
    <link rel="stylesheet" href="styles/normalize.css" />
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/quick-layout.css" />

    <link rel="stylesheet" href="styles/home.css">
    <style>
        .entrance_li {
            height: 204px;
            line-height: 204px;
            margin-top: 0;
        }
        
        .home_tit {
            margin-bottom: 0;
        }
    </style>
</head>

<body>
    <header>
        <div style="background: #E7EBEF;">
            <div class="fix container">
                <img class="l" src="images/i4_02.png" />
            </div>
        </div>
        <div class="h_headb">
            <div class="container">
                <a class="r" href="#"><img src="images/i4c_03.png" />申请注册</a>
            </div>
        </div>
        <div class="h_banner">
            <img class="img-responsive bg_img" src="images/yi1_02.png" />
            <!--<div>
					<p>
						传世四方云
					</p>
					<p>
						TRANSPARENT <span>wisdom Share</span>
					</p>
				</div>-->
        </div>
    </header>
    <main class="home_wrap bg_f5 ">
        <!-- 平台入口 -->
        <section>
            <h3 class="home_tit tc">
                <div class="rf_tit0"></div>
            </h3>
            <section class="entrance2">
                <div class="container splooshBox">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="entrance_li">
                                <span class="entery_img">								
								<img src="images/entery_01.png"/>
								</span>
                                <span class="f16 b">货主端</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="entrance_li">
                                <span class="entery_img">								
								<img src="images/entery_02.png"/>
								</span>
                                <span class="f16 b">仓储商端</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="entrance_li">
                                <span class="entery_img">								
								<img src="images/entery_03.png"/>
								</span>
                                <span class="f16 b">承运商端</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="entrance_li">
                                <span class="entery_img">								
								<img src="images/entery_06.png"/>
								</span>
                                <span class="f16 b">会员端</span>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </section>
        <!-- 我们的解决方案 -->
        <section>
            <h3 class="home_tit tc">
                <div class="tran_tit1"></div>
            </h3>
            <section>
                <div class="container">
                    <div class="solution row">
                        <section></section>
                        <section></section>
                        <section></section>
                        <section></section>
                        <section></section>
                    </div>
                </div>
            </section>
        </section>
        <!-- 生产企业的痛点 -->
        <section>
            <h3 class="home_tit tc">
                <div class="tran_tit2"></div>
            </h3>
            <section class="h_serve" style="height: 400px;">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 ">
                            <div class="active auto">
                                <img src="images/yi1_28.png" alt="" />
                                <p class="h_serve_ask f18 tc">看不到流向</p>
                                <p>协助生产企业建立药品追溯 体系，实现冷链追溯、药品 流向追溯和防窜码的追溯。</p>
                                <p class="h_serve_more tc">
                                    <a href="#">了解</a>
                                </p>
                            </div>
                        </div>
                        <div class="col-md-3 ">
                            <div class=" auto">
                                <img src="images/yi1_30.png" alt="" />
                                <p class="h_serve_ask f18 tc">物流成本高</p>
                                <p>
                                    通过导入平台可以借助更多 的三方资源，降低全国物流 配送成本。

                                </p>

                                <p class="h_serve_more tc">
                                    <a href="#">了解</a>
                                </p>
                            </div>
                        </div>
                        <div class="col-md-3 ">
                            <div class=" auto">
                                <img src="images/yi1_32.png" alt="" />
                                <p class="h_serve_ask f18 tc">两票制影响</p>
                                <p>
                                    协助生产企业搭建全国物流 网络，推进物流与销售渠道 的下沉。
                                </p>
                                <p class="h_serve_more tc">
                                    <a href="#">了解</a>
                                </p>
                            </div>
                        </div>
                        <div class="col-md-3 ">
                            <div class="auto">
                                <img src="images/yi1_34.png" alt="" />
                                <p class="h_serve_ask f18 tc">终端把控差</p>
                                <p>
                                    通过移动下单、物流跟踪、 电子回单等功能实现订单物 流闭环管理。
                                </p>
                                <p class="h_serve_more tc">
                                    <a href="#">了解</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </section>
        <!--end  传世药链云 -->
    </main>
    <footer class="tc">
        <div class="dib pb15 pt20">
            <img class="img-responsive dib pb10" src="images/i4_60.png" /> <br />
            <span>北京市西城区宣武门外大街6号庄胜广场办公楼第一座西翼1410室</span><br />
            <span>+86-10-83197188</span><span class="pr15 pl15">www.csbr.com</span><span>info@csbr.cn</span>
        </div>
        <p class="copyright f14">COPYRIGHT © 2000-2015 ALL RIGHTS RESERVED.</p>
    </footer>
</body>
<!--<script type="text/javascript" src="lib/jquery.min.js"></script>-->
<script type="text/javascript" src="lib/jquery.js"></script>
<script type="text/javascript" src="lib/jquery.smoove.min.js"></script>
<script>
    $(function() {
        $('.h_banner').height($('.bg_img').height());
        $(window).resize(function() {
            let header_h = $('.bg_img').height();
            $('.h_banner').height(header_h);
        })
        $('.movebox').smoove({
            offset: '20%'
        });
        $('.splooshBox .entrance_li').hover(function() {
            $(this).find('.entery_img').append('<div class="dot" style="top:50%;left:50%;"></div>')
        }, function() {
            $(this).find('.dot').remove();
        })

    })
</script>

</html>